<!--
 * @Author: 汪军 624473119@qq.com
 * @Date: 2023-10-22 13:13:43
 * @LastEditors: 汪军 624473119@qq.com
 * @LastEditTime: 2023-10-25 15:18:15
 * @FilePath: \app-formwork\src\pages\login\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template lang="pug">
view.operate-explain
  view.video-explain.px-32.py-24
    video#video.video(
      :controls="true",
      :enable-progress-gesture="false",
      :show-center-play-btn="disable",
      :src="ExampleVideo"
    )
    view.flex.justify-center.mt-20 (视频指导说明)
  view.rich-content.px-32.py-24
    mp-html(:content="richHtml")
</template>

<script setup>
// import ExampleVideo from "@/static/example-video.mp4";
import { foundApi } from "@/api/found";
onLoad(() => {
  getoperatinglist();
});

const getoperatinglist = () => {
  foundApi.operatinglist().then((res) => {
    richHtml.value = res.data.content;
    ExampleVideo.value = res.data.video;
  });
};

const richHtml = ref();
const ExampleVideo = ref();
</script>

<style lang="stylus" scoped>
.operate-explain {
  .video {
    width: 100%;
    height: 400rpx;
    border-radius: 20rpx;
  }
}
</style>
